﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    <h3>svg文件路径可作为a,iframe,img等标签的地址</h3>
    <a href="http://www.runoob.com/try/demo_source/circle1.svg">content</a>
    <img src="http://www.runoob.com/try/demo_source/circle1.svg" alt="Alternate Text" />
    <h3>svg引入html的方式：embed，object，svg</h3>
    <embed src="http://www.runoob.com/try/demo_source/circle1.svg" type="image/svg+xml" />
    <object data="http://www.runoob.com/try/demo_source/circle1.svg"></object>
    <svg xmlns="http://www.w3.org/2000/svg">
        <rect width="100" height="100" fill="red"></rect>
        <circle r="100" width="50" height="50" fill="blue"></circle>        
        <line x1="0" y1="0" x2="200" y2="200"
              style="stroke:rgb(255,0,0);stroke-width:2" />
    </svg>
</body>
</html>
